html, body {
  height: 100%; }

.my-spot-check {
  width: 100%;
  height: 100%;
  background: url("../img/bg.jpeg") no-repeat 0 0;
  background-size: cover;
  padding: .36rem .3rem; }
  .my-spot-check .row-item {
    padding: .36rem .32rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.3);
    border-radius: 6px;
    background: #fff;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.6);
    line-height: 16px; }
    .my-spot-check .row-item p {
      margin-bottom: .1rem; }
      .my-spot-check .row-item p .title {
        display: inline-block;
        width: 2rem; }
      .my-spot-check .row-item p .strong {
        font-size: 16px;
        color: rgba(0, 0, 0, 0.6);
        font-weight: 900; }
  .my-spot-check .row-box {
    padding: .32rem;
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.3);
    border-radius: 6px;
    background: #fff; }
    .my-spot-check .row-box .head-time {
      font-size: 16px;
      color: #000000;
      line-height: 16px;
      font-weight: 900;
      border-bottom: 1px solid rgba(204, 204, 204, 0.8);
      text-align: center;
      padding-bottom: .14rem; }
    .my-spot-check .row-box p {
      margin-top: .18rem;
      margin-bottom: .18rem; }
      .my-spot-check .row-box p .title {
        display: inline-block;
        width: 2rem; }
      .my-spot-check .row-box p .strong {
        font-size: 16px;
        color: rgba(0, 0, 0, 0.6);
        font-weight: 900; }
    .my-spot-check .row-box .bt-line {
      margin-top: .36rem;
      border-bottom: 1px solid rgba(204, 204, 204, 0.8); }
    .my-spot-check .row-box .bottom-box {
      display: -webkit-box;
      display: flex;
      padding: .36rem 0 0 0; }
      .my-spot-check .row-box .bottom-box .item {
        -webkit-box-flex: 1;
                flex: 1;
        text-align: center; }
        .my-spot-check .row-box .bottom-box .item .title {
          margin-bottom: .26rem; }
        .my-spot-check .row-box .bottom-box .item .big-text {
          font-size: 16px;
          color: rgba(0, 0, 0, 0.6);
          font-weight: 900; }
  .my-spot-check .table-box {
    height: 50%;
    overflow-y: scroll;
    padding: .32rem;
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.3);
    border-radius: 6px;
    background: #fff;
    margin-top: .4rem; }
    .my-spot-check .table-box .table {
      width: 100%; }
      .my-spot-check .table-box .table thead > tr > th {
        font-size: 12px;
        color: #999999;
        line-height: 18px; }
      .my-spot-check .table-box .table tbody > tr > td {
        text-align: center;
        height: .76rem;
        font-size: 12px;
        color: #000000;
        line-height: 18px; }
